/*
 * Toggle Switch
 */

.c-flow-canvas {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    width: 100%;
    height: 100%;

    &>.graph-node{
        z-index: 2;
        background-color: transparent;
        border: 1px solid red;
        &[data-highlight=true]{
            /*background-color: #f0ad4e;*/
        }
        .node-content{
            width: 64px;
            height: 64px;
            &>.type-child{
                width: 8px;
                height: 8px;
                border-radius: 50%;
                border: 1px solid transparent;
                background-color: #5bc0de;
                &[data-draggable=false]{
                    float: right;
                    margin: 2px;
                }
                &:hover{
                    background-color: #f0ad4e;
                    border: 1px solid #f0ad4e;
                }
            }
        }
    }

    &>.graph-link{
        position: absolute;
        z-index: 1;
        &>line:hover{
            stroke: #f0ad4e !important;
        }
    }
}
